<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<title>Zoombeedo ::.. Login</title>
<meta name="author" content="zoombeedo@zoombeedo.info">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
<!-- Le styles -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
	<link href="css/custom.css" rel="stylesheet">

<!-- Le fav and touch icons -->
<link rel="shortcut icon" href="images/favicon.ico">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
</head>
<body>
<div class="topbar">
  <div class="fill">
    <div class="container"> <a class="brand" href="/"><img src="images/littlezoombeedo.png" alt="Zoombeedo" width="108" height="24" align="absmiddle"></a>
      <ul class="nav">
        <li><a href="/">Inicio</a></li>
        <li><a href="guia">¿Cómo Zoombar?</a></li>
        <li class="active"><a href="#">Entrar!</a></li>
      </ul>
    </div>
  </div>
</div>
<div class="container">
  <!-- Main hero unit for a primary marketing message or call to action -->
  <div class="hero-unit">
    <h1>Entra!</h1>
    <p>Es muy Sencillo, usa tu cuenta de Gmail o de Google Apps!</p>
  </div>
  <div>
    <div class="alert-message warning"> <a class="close" href="#"></a>
      <p>Por el momento estamos <strong>en construcción</strong> pero puedes <strong>registrarte</strong> aquí para poder recibir una notificacion <strong>cuando estamos listos</strong>!</p>
    </div>
    <iframe width="450" height="200" src="https://docs.google.com/spreadsheet/embeddedform?formkey=dDhfa3gxM3VYU2NNakZ2WmR0aVNEQXc6MQ" frameborder="0" marginheight="0" marginwidth="0" scrolling="no"></iframe>
    <div class="alert-message warning"> <a class="close" href="#"></a>
      <form action class="form-stacked">
        <p><span class="label warning">Pronto!</span>
          <legend>Login con tu cuenta de Google!</legend>
        </p>
        <div class="input">
          <label>Usuario o Correo Electrónico</label>
          <span class="label warning">Pronto!</span>
          <input class="xlarge" id="xlInput1" name="xlInput1" size="30" type="text" placeholder="Usuario o Correo Electrónico" disabled="disabled" />
        </div>
        <div class="input">
          <label>Contraseña</label>
          <span class="label warning">Pronto!</span>
          <input class="xlarge" id="xlInput2" name="xlInput2" size="30" type="password" placeholder="Contraseña" disabled="disabled" >
        </div>
        <div class="actions"> <span class="label warning">Pronto!</span>
          <button type="submit" class="btn primary" disabled="disabled">Login</button>
 
          <button type="reset" class="btn" disabled="disabled">Cancel</button>
        </div>
      </form>
    </div>
  </div>
  <footer>
    <p> Zoombeedo &copy; 2011 - <a href="politicas">Políticas de Privacidad</a></p>
  </footer>
</div>
     <!-- Google Analytics Code-->
     <script type="text/javascript">

       var _gaq = _gaq || [];
       _gaq.push(['_setAccount', 'UA-27704508-1']);
       _gaq.push(['_trackPageview']);

       (function() {
         var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
         ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
         var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
       })();

     </script>
</body>
</html>
